<template>
  <div class="search">
    <van-sticky>
        <van-search
      class="s"
      left-icon
      shape="true"
      v-model="value"
      :placeholder="mess"
      
      input-align="center"
    />
    <!-- 搜索图标 -->
    <span class="s-icon">
        <van-icon name="search" size="16"/>
    </span>
    </van-sticky>
  
  </div>
</template>
<script>
export default {
  name: "Search",
  data() {
    return {
      value: "",
    };
  },
  props: ["mess"],
};
</script>
<style lang="less" scoped>
.search {
    position: relative;
  .s {
    padding: 10px 20px;
  }
  .s-icon{
      position: absolute;
      top:14px;
      left: 138px;
      width: 12px;
      height: 12px;
  }
}
</style>